Aller au contenu principal

H5P – Image Slider

Réaliser un diaporama​

Le module Image Slider permet de présenter facilement vos images de manière attrayante. C'est donc une bonne solution pour afficher un diaporama statique (sans interaction ou animation) en ligne. Il suffit simplement de télécharger des images et de fournir des textes alternatifs pour les images.
Les images peuvent être visualisées dans la page ou en mode plein écran.
Pour naviguer : des boutons de défilement sur les côtés de l'image et des puces sous celle-ci.

Pistes pédagogiques
  • Transférer un diaporama existant pour qu'il s'affiche directement dans le cours.
  • Réaliser une galerie d'images.

ETAPE 1 : Création de l'activité H5P​

➡️ Dans votre cours Moodle,

  1. Cliquez sur le menu "Plus".
  2. Cliquez sur le bouton "Banque de contenus".
  3. Cliquez sur le bouton Ajouter".
  4. Sélectionnez l'activité "Image Slider".

ETAPE 2 : Paramétrage de l'activité H5P​

➡️ Dans la page de paramétrage de l'activité,

  1. Donnez un titre à votre activité H5P : c'est le nom qui s'affichera dans votre Banque de contenus.
  2. Entrez un titre à votre diapositive.
  3. Sélectionnez votre image.
  4. Complétez les textes :
  • Texte alternatif (obligatoire)
  • Texte de survol (optionnel)
  1. Pour ajouter d'autres images : cliquez sur le bouton
  2. Paramétrez l'affichage (par défaut, l'affichage aura un format 4:3).
  3. Enregistrez.

Transférer un diaporama ?​

Si vous déposez un diaporama (Powerpoint, LibreOffice Impress…) directement dans le cours Moodle, il ne s'affichera pas à l'écran. Il faudra le télécharger pour pouvoir l'ouvrir. Le module Image Slider permet d'afficher le contenu d'un diaporama simple, sans interaction ou animation.

1. Ouvrez votre diaporama avec votre logiciel habituel.

2. "Enregistrez sous" en sélectionnant un type d'image (Format JPG ou PNG à privilégier).

3. Dans votre banque de contenus, créez une activité H5P - Image Slider et intégrez vos images.

4. Intégrez votre activité H5P dans une étiquette. Le diaporama s'affichera dans le cours.

Vous pouvez également déposer le fichier PowerPoint ou LibreOffice pour permettre le téléchargement.


ETAPE 3 : Publication​

Il est possible d'afficher directement votre module H5P dans le cours par le biais d'une étiquette. A réserver aux modules de type consultation pour lesquels il n'y aura pas de suivi des résultats.

OPTION 1 : Intégration dans la page de cours (ressource étiquette)​

➡️ Activez le mode édition, cliquez sur et sélectionnez la ressource **''Étiquette''.**


  1. Dans l'éditeur de texte de l'étiquette, cliquez sur l'icône .
  2. Dans la boîte de dialogue qui s'ouvre, cliquez sur "Parcourir les dépôts" et recherchez votre activité dans la banque de contenus. Sélectionnez l'option de votre choix (Copie ou Alias, voir ci-dessous).
  3. Cliquez sur le bouton "Insérer H5P". L'activité H5P s'affiche dans l'éditeur de texte.
  4. Cliquez sur "Enregistrer et revenir au cours".

OPTION 2 : Diffusion d'une activité H5P de la banque de contenus comme activité H5P (A PRIVILÉGIER)​

Pour un bon suivi des résultats des élèves, il est :

  • déconseillé de l'intégrer dans une étiquette via le bouton de l'éditeur de textes (option 1 présentée ci-dessus).
  • conseillé de créer une activité H5P (bouton bleu).

Il est possible d'afficher cette activité comme toutes les autres activités Moodle, sous forme de lien dans le cours.

➡️ Activez le mode édition, cliquez sur et sélectionnez l'**activité H5P.**

  1. Donnez un nom à l'activité.
  2. Dans la description, entrez ici le sujet ou les consignes.

Si vous voulez faire apparaître une description dans le cours, cochez la case "Afficher la description…".

  1. Dans le fichier de paquetage, cliquez sur l’icône "ajouter".

  1. Dans le sélecteur de fichiers, cliquez sur Banque de contenus puis sur l'activité H5P.

  1. Sélectionnez l'option COPIE ou ALIAS.
  2. Cliquez sur "Sélectionner ce fichier".
  3. Cliquez sur le bouton "Enregistrer et revenir au cours".

:::tip **A savoir** : - **COPIE** : l'animation H5P ne bougera plus, quelles que soient les modifications faites sur l'original dans la banque de contenus. - **ALIAS** : les modifications ultérieures faites sur l'original dans la banque de contenus seront répercutées sur chaque alias. :::